import React from 'react';
import { ActivityIndicator, StyleSheet, Text, View } from 'react-native';
import {Colors} from 'react-native/Libraries/NewAppScreen';
const styles = StyleSheet.create(
	{
		column: {
			flexDirection: 'column',
			padding: 10
		},
		row: {
			flexDirection: 'row',
			justifyContent: 'space-around',
			paddingTop: 20
		},
		text: {
			color: Colors.dark,
			fontSize: 18,
			fontWeight: 'bold'
		}
	}
);
const ActivityIndicatorPage = () => {
	return (
		<View  style={[ styles.column]}>
			<View>
				<Text style={styles.text}>这是一个圆形的 loading 提示符号。</Text>
			</View>
			<View style={styles.row}>
				<ActivityIndicator color="#0000ff"
    size="large"
				/>
				<ActivityIndicator color="#00ff00"
    size="small"
				/>
				<ActivityIndicator color="#0000ff"
    size="large"
				/>
				<ActivityIndicator color="#00ff00"
    size="small"
				/>
			</View>
		</View>
	);
};

export default ActivityIndicatorPage;
